<link rel="stylesheet" href="CSS/factory_management.css">
<div id="factory_management" v-cloak>
    <Modal title="添加厂区" v-model="showMoal" class-name="vertical-center-modal" @on-ok="emitInfo">
        <p class="model-input">
            <auto-complete v-model="reaschplace" placeholder="厂区名字" @on-change="fuzzyQueryLocal" :data="placelist.address" @on-select="setPoint">
            </auto-complete>
        </p>
        <p class="model-input">
            厂区经度:<input-number v-model="newInfo.longitude" placeholder="经度"></input-number>
        </p>
        <p class="model-input">
            厂区纬度:<input-number v-model="newInfo.latitude" placeholder="纬度"></input-number>
        </p>
    </Modal>
    <div class="lable-show">
        <Tag v-for="ld in listData" closable @on-close="handleClose(ld)" color="blue">{{ ld.factoryname }}</Tag>
        <i-button icon="ios-plus-empty" type="primary" size="small" @click="addFactory">增加厂区</i-button>
    </div>
    <Row>
        <i-col span="24">
            <div id="factorymap"></div>
        </i-col>
    </Row>
</div>
<script type="text/javascript" src="JS/page/logistics/factory_management.js"></script>
<style>
    .demo-auto-complete-item{
        padding: 4px 0;
        border-bottom: 1px solid #F6F6F6;
    }
    .demo-auto-complete-group{
        font-size: 12px;
        padding: 4px 6px;
    }
    .demo-auto-complete-group span{
        color: #666;
        font-weight: bold;
    }
    .demo-auto-complete-group a{
        float: right;
    }
    .demo-auto-complete-count{
        float: right;
        color: #999;
    }
    .demo-auto-complete-more{
        display: block;
        margin: 0 auto;
        padding: 4px;
        text-align: center;
        font-size: 12px;
    }
    .demo-auto-complete-title{
        padding: 0px 10px;
    }
    .ivu-tabs-nav .ivu-tabs-tab {
        display: none;
    }
</style>